import { RepoLink, Link } from '@brillout/docpress'
import { Example, CommunityNote } from '../../components'

<CommunityNote tool="chakra" url="https://www.chakra-ui.com" hasExtension="react" />

## Manual integration

If you use <Link href="/vike-react">`vike-react`</Link>, you can manually integrate Chakra by using <Link href="/Wrapper" doNotInferSectionTitle />.

Examples:
 - <Example timestamp="2024.11" repo="phonzammi/vike-react-chakra-ui-example" />
 - [Source code of `vike-react-chakra`](https://github.com/vikejs/vike-react/blob/main/packages/vike-react-chakra/Wrapper.tsx)

If you don't use `vike-react` then you can simply add Chakra's Wrapper yourself.

## See also

- [Chakra Docs > Using Chakra in Vite](https://www.chakra-ui.com/docs/get-started/frameworks/vite#setup-provider)
